<template>
    <div>
        <hea-der></hea-der>
        <div class="yqjc_xdh">
            当前位置 > <span>舆情监测</span>
        </div>
        <div class="yqjc_sosu">
            <div class="yqjc_sosu1">
                <span class="yqjc_sosu11">搜索：</span>
                <input type="text" name="username"  class="yqjc_sosu2"/>
                <div class="yqjc_sosu3">查询</div>
                <div class="yqjc_sosu33">清空</div>
                <span class="yqjc_sosu111">时间：</span>
                <input name="password" type="password" class="yqjc_sosu2"/>
                <span class="yqjc_sosu4">—</span>
                <input name="password" type="password" class="yqjc_sosu22"/>
            </div>
        </div>
        <div class="yqjc_nr">
            <div class="yqjc_znrk">
                <div class="yqjc_znr">
                    <span>专题</span>
                </div>
                <div class="yqjc_ynr">导出选定Excel</div>
                <div class="yqjc_ynr">导出全部Excel</div>
            </div>
            <div class="yqjc_znr1">
                <div class="yqjc_znr2">
                    <span><img src="../../images/sanjiao.png" />百度游戏（12）</span>
                </div>
                <div class="yqjc_znr2">
                    <span><img src="../../images/sanjiao.png" />一带一路（10）</span>
                </div>
                <div class="yqjc_znr2">
                    <span><img src="../../images/sanjiao.png" />隆基（9）</span>
                </div>
                <div class="yqjc_znr2">
                    <span><img src="../../images/sanjiao.png" />领导新闻（45）</span>
                </div>
                <div class="yqjc_znr2">
                    <span><img src="../../images/sanjiao.png" />自身新闻（56）</span>
                </div>
            </div>
            <div class="yqjc_ynr1">
                <div class="yqjc_ynr2">
                    <div class="yqjc_ynr3"><span class="ynr5">全部</span><span class="ynr4">（785）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">网络</span><span class="ynr4">（104）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">平面</span><span class="ynr4">（80）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">论坛</span><span class="ynr4">（65）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">博客</span><span class="ynr4">（45）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">微信</span><span class="ynr4">（105）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">微博</span><span class="ynr4">（188）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">APP</span><span class="ynr4">（18）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">电视</span><span class="ynr4">（8）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">广播</span><span class="ynr4">（8）</span></div>
                    <div class="yqjc_ynr3"><span class="ynr5">外媒</span><span class="ynr4">（0）</span></div>
                </div>
                <div class="yqjc_ynrwz">
                    <input class="yqjc_xuanz" type="checkbox"  />
                    <span class="yqjc_ynrwz1">全选</span>
                    <span class="yqjc_ynrwz2">标题</span>
                    <span class="yqjc_ynrwz3">媒体</span>
                    <div class="yqjc_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqjc_ynrwz4">属性</span>
                    <div class="yqjc_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqjc_ynrwz5">时间</span>
                    <div class="yqjc_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqjc_ynrwz6">转载</span>
                </div>
                <div class="yqjc_yxx" v-for="(item,index) in items" :key="index">
                    <div><input class="yqjc_xuanz" type="checkbox"  /></div>
                    <div class="yqjc_xz">{{item.id}}</div>
                    <div class="yqjc_bt">{{item.name}}</div>
                    <div class="yqjc_mt">{{item.mt}}</div>
                    <div class="yqjc_sx">{{item.sx}}</div>
                    <div class="yqjc_sj">{{item.time}}</div>
                    <div class="yqjc_zz">{{item.zz}}</div>
                    <div class="yqjc_yxx1">
                        {{item.Subtitlea}}
                        <span style="color:#33a0ed;">{{item.Subtitleb}}</span>
                        <span style=" float:right; margin-top:5px;">
                        <img src="../../images/ywbg.png" style="margin-right:10px;" />
                        <img src="../../images/ywlj.png" style="margin-right:10px;" />
                        <img src="../../images/ywfx.png" />
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <foo-ter></foo-ter>
    </div>
</template>

<script>
export default {
    data(){
        return{
            items:[]
        }
    },
    created(){
        this.$ajax.get('/user/info')
        .then(res=>{
            this.items=res.data;
            console.log(success);
        })
        .catch(err=>{
            console.log(err)
        })
    }
}
</script>

<style  >
    @import url('./yqjc.css');
</style>
